<!DOCTYPE html>
 
<html lang="en">
<head>
	<meta charset="utf-8">
	<title><?php
	/*
	 * Print the <title> tag based on what is being viewed.
	 */
	global $page, $paged;

	wp_title( '|', true, 'right' );

	// Add the blog name.
	bloginfo( 'name' );

	// Add the blog description for the home/front page.
	$site_description = get_bloginfo( 'description', 'display' );
	if ( $site_description && ( is_home() || is_front_page() ) )
		echo " | $site_description";

	// Add a page number if necessary:
	if ( $paged >= 2 || $page >= 2 )
		echo ' | ' . sprintf( __( 'Page %s', 'twentyten' ), max( $paged, $page ) );

	?></title>
	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/styles.css">
	<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
	<script src="<?php echo get_template_directory_uri(); ?>/js/jquery.ba-hashchange.min.js"></script>
	<script src="<?php echo get_template_directory_uri(); ?>/js/jquery.quicksand.js"></script>
    <script src="<?php echo get_template_directory_uri(); ?>/js/script.js"></script>
	
	<!-- Load Fancybox -->
	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/fancybox/jquery.fancybox-1.3.4.css">
    <script src="<?php echo get_template_directory_uri(); ?>/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
    <script src="<?php echo get_template_directory_uri(); ?>/fancybox/jquery.easing-1.3.pack.js"></script>
    <script src="<?php echo get_template_directory_uri(); ?>/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
	
    <script type="text/javascript">
	$(function(){
    
        var base_uri = "<?php echo get_bloginfo('wpurl'); ?>";
        $('#loading-bar').removeClass('fullwidth');
        
        $(".dropbtn").click(function(){
            $("#dropdown").slideToggle("slow");
            $(this).toggleClass("active");
        });
        
        // Bind the event.
        $(window).hashchange( function(){
            // Alerts every time the hash changes!
            // alert( location.hash );
            showDetail(base_uri, location.hash);
			
			// Re-init gallery
			
        })
        // Trigger the event (useful on page load).
        $(window).hashchange();
        
		
        
    });
	</script>
    <script type="text/javascript">

    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-36943660-1']);
    _gaq.push(['_trackPageview']);

    (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();

    </script>
</head>

<body>
<div id="loading-bar">
<span class="expand"></span>
</div>
<div id="dropcontainer">
<div id="dropdown">
	<div class="container">
		<img src="<?php echo get_template_directory_uri(); ?>/images/logo.png" alt="Atlas" class="logo">
		<div class="clear"></div>
		<div class="profile">
			<img src="<?php echo get_template_directory_uri(); ?>/images/avatar.jpg" alt="Name here" class="dropavatar shadow">
			<div class="info">
				<p class="dpara2 dparas">Expert freelance Web Developer with Wordpress, jQuery, PHP and MySQL</p>
				<ul id="skill-tags">
					<li><a href="">html5</a></li>
					<li><a href="">css3</a></li>
					<li><a href="">wordpress</a></li>
					<li><a href="">drupal</a></li>
				</ul>
				
				
			</div>
			<div class="clear"></div>
			<p class="more"><a target="_blank" class="odesk-btn" href="https://www.odesk.com/users/~017b947e6bb09dadc5"><img src="<?php echo get_template_directory_uri(); ?>/images/social/odesk-icon.gif" alt=""></a>Over the last 3 years, I have developed a wide range of websites using HMTL, DHTML, PHP, and MySQL including sites for startup companies and small businesses. <br> <br> My core competency lies in complete end-end management of a new website development project, and I am seeking opportunities to build websites from the ground up for you or your business.<br> <br> I also have some experience in the following areas: Wordpress, ASP.NET MVC, SQL, Ajax, OOP, and software design and testing.</p>
			<h5 class="dropquote">&#8220;Everything is designed&#46; Few things are designed well&#8230;&#8221;</h5>
			
			
		</div>
		<div class="contact-form">
			<h6>Wanna Get in Touch&#63;</h6>
			<?php echo do_shortcode('[contact-form-7 id="158" title="contact"]') ?>;
			<!-- <form>
				<input type="text" placeholder="Your Name&#46;&#46;&#46;">
				<input type="email" placeholder="Your Email&#46;&#46;&#46;">
				<textarea placeholder="Your Message&#46;&#46;&#46;"></textarea>
				<input type="submit" value="Submit &rarr;" class="dropsubmitbtn">
			</form> -->
			<div class="clear"></div>
			<div class="social">
				<a target=_blank href="http://facebook.com/lehoaian"><img src="<?php echo get_template_directory_uri(); ?>/images/social/facebook.png" alt=""></a>
				<a target=_blank href="http://twitter.com/lehoaian" class="twitter"><img src="<?php echo get_template_directory_uri(); ?>/images/social/twitter.png" alt=""></a>
			</div>
		</div>
	</div><!--container end-->

</div>

<a href="#" class="dropbtn "></a>

</div>

<div class="container">
	<img src="<?php echo get_template_directory_uri(); ?>/images/logo2.png" alt="Atlas" class="logo">
	<nav id="filter"></nav>
    <div class="portfolioseperator"></div>
    <div class="portfoliocontainer">
    <ul id="stage">
        <?php 
        query_posts( array ( 'category_name' => 'odesk_jobs,works' , 'posts_per_page' => '16') );
        while ( have_posts() ) : the_post(); // print_r($post); 
            $thumb = '';
            if(!has_post_thumbnail($post->ID)) {
                $thumb = get_template_directory_uri() . '/images/portfolio/odesk-job.jpg';
            } else {
                // $thumb = get_post_thumbnail();
                // print_r ($thumb);
				$thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'medium');
                $thumb = get_template_directory_uri() . "/timpthumb.php?src=" . urlencode( $thumb[0] ) . "&h=140&w=210";
				
            }
            
        ?>
        <li data-tags="Web Design">
            <a href="#<?php echo $post->ID; ?>"><span class="portfoliohover"><h1 class="porthover1"><?php echo get_the_title() ?></h1></span><img src="<?php echo $thumb; ?>" alt="" /></a>
        </li>
        <?php endwhile; wp_reset_query(); ?>
    </ul>
    </div>

		<div class="footerseperator"></div>
		<footer>
			<h1>&copy; Copyright 2013 An Le&#46;</h1>
			<h3>Send me a <a href="http://twitter.com/lehoaian" title="Twitter">tweet</a> or become a fan on <a href="http://facebook.com/lehoaian" title="Facebook">facebook</a></h3>
		</footer>
</div><!--container end-->
<script type='text/javascript' src='http://lehoaian.info/lhablog/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.23'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var _wpcf7 = {"loaderUrl":"http:\/\/lehoaian.info\/lhablog\/wp-content\/plugins\/contact-form-7\/images\/ajax-loader.gif","sending":"Sending ..."};
/* ]]> */
</script>
<script type='text/javascript' src='http://lehoaian.info/lhablog/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=3.3.2'></script>

</body>
</html>